// 使用消息组件直接调用这个函数
// 1.导入消息组件
// 2.组件创建虚拟dom，转换为虚拟dom的原因是，vue是一个单文件组件，必须解析成dom形式，操作真实dom台影响性能，在vue中使用虚拟dom更方便
// 3.创建一个dom容器
// 4.渲染到页面
import { createVNode, render } from 'vue'
import XtxMessage from './xtx-message.vue'
//容器
const div = document.createElement('div')
div.setAttribute('class','XtxMessage')
document.body.appendChild(div)

export default({type,text})=>{
    const vdom = createVNode(XtxMessage,{type,text})
    // 渲染
    render(vdom,div)
    // 定时器  3秒后消失
    let timer = null
    clearTimeout(timer)
    timer = setTimeout(()=>{
        render(null,div)
    },3000)

}


